<script setup>
// 球形
import Sphere from './3D/sphere/index.vue';
import Cube from './3D/cube/index.vue';
</script>

<template>
  <div class="container">
    <!-- 3D球形 -->
    <Sphere />
    <!-- 正方体 -->
    <!-- <Cube/> -->
  </div>
</template>

<style scoped lang="scss">
.container {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: relative;
  background-image: url('@/assets/images/bgs/蛇年背景图-2.png');
  background-size: cover; /* 让背景图覆盖整个容器 */
  background-position: center center; /* 背景图居中显示 */
  background-attachment: fixed; /* 背景图固定，不随滚动条滚动 */
}
</style>
